export function ProgressBar() {
  const steps = ['等待上传视频', '处理中', '视频处理完成', '生成中', '生成完成']

  return (
    <div className="flex-1">
      <div className="flex justify-between text-xs text-gray-500 mb-2">
        {steps.map((step, index) => (
          <span key={index}>{step}</span>
        ))}
      </div>
      <div className="h-2 bg-gray-100 rounded-full">
        <div className="w-1/5 h-full bg-blue-600 rounded-full"></div>
      </div>
    </div>
  )
}
